<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Projecter</title>
<link rel="shortcut icon" href="images/favicon.ico" />
<!--[if lte IE 6]><style type="text/css">body{behavior:url(stylesheets/hover.htc);}</style><![endif]-->
<link href="stylesheets/default.css" rel="stylesheet" type="text/css" />
<link href="stylesheets/main.css" rel="stylesheet" type="text/css" media="screen" />
<!--[if IE]><link href="stylesheets/ie-hacks.css" rel="stylesheet" type="text/css" /><![endif]-->
<script src="javascripts/application.js" type="text/javascript"></script>
</head>
<body>

<div id="all">

<div id="header">

	<div id="title">
		<h1>Projecter</h1>
		<h2>Organize seus projetos </h2>
	</div>
	
	<div id="menu">
		<ul>
			<li><a class="active" href="#home">Home</a></li>
			<li><a href="#products">Products</a></li>
			<li><a href="#map">Site Map</a></li>
			<li><a href="#about">About</a></li>
		</ul>
	</div>
	
	<div class="clear"></div>
	
</div>

<div id="main">

<div id="content">

<h3>Lorem Ipsum Dolor</h3>

<img class="float-left" src="http://farm2.static.flickr.com/1264/560497304_f224812bc0_m.jpg" alt="Dog Digging" height="240" width="235" />

<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla quis tortor. Maecenas ac nunc. Mauris interdum pulvinar erat. Maecenas accumsan, dui sed luctus adipiscing, velit odio <a href="#hash">gravida dolor</a>, quis imperdiet dui leo fermentum lorem. Mauris dictum risus a sapien. <a href="local/test">Mauris a nibh at diam</a> convallis porttitor. Aliquam dui dolor, sollicitudin ac, ornare ut, pharetra at, ante. In hac habitasse platea dictumst. Proin at pede. Mauris ultrices nunc id nulla. Donec accumsan tincidunt lectus. Suspendisse potenti. Pellentesque lacus metus, volutpat <em>vitae</em>, scelerisque ut, hendrerit nec, erat. Maecenas lacus turpis, commodo at, varius sed, facilisis eget, <u>massa</u>. In luctus arcu sed nibh blandit aliquam. In in metus euismod mi dignissim venenatis. Quisque cursus egestas justo. Mauris at erat et lorem gravida auctor.</p>

<p>Donec porta felis at urna. <a href="http://www.google.com">Datug corbaldi</a> nisl vel massa faucibus mattis. Pellentesque eget nibh ac ipsum tincidunt adipiscing. Vivamus tortor dui, varius nec, fringilla vitae, auctor non, dui. Nam et erat eu ipsum interdum varius. Donec id libero. Proin sit amet quam. Mauris in justo. Nulla felis tellus, bibendum a, <a>alains un</a>, varius eget, libero. Cras sodales diam ut diam. Etiam ac ante. <small>Suspendisse condimentum</small>, mauris egestas convallis fermentum, neque tortor eleifend lectus, sit amet cursus purus nibh vel <em>ligula</em>. Nulla facilisi. Praesent consequat ipsum et dolor ultricies pretium. Quisque pede lorem, euismod ut, gravida et, rutrum quis, lorem. Donec lobortis molestie nunc. Morbi luctus. Sed id eros ac lorem congue pharetra.</p>

<ul>
	<li><em>Lorem ipsum</em> dolor sit amet, consectetuer adipiscing elit.</li>
	<li>Nulla vestibulum convallis mauris.</li>
	<li>Aenean <a href="http://www.microsoft.com">mollis</a> augue et nulla.</li>
	<li>Fusce nonummy volutpat enim.</li>
</ul>

<h4>Nulla Vestibulum</h4>

<p>Nam <a href="http://www.yahoo.com">scelerisque felis</a> fringilla ligula. Donec porta felis at urna. <a href="http://www.google.com">Quisque quis</a> nisl vel massa faucibus mattis. Pellentesque eget nibh ac ipsum tincidunt adipiscing. Vivamus tortor dui, varius nec, fringilla vitae, auctor non, dui. Nam et erat eu ipsum interdum varius. Donec id libero. Proin sit amet quam. Mauris in justo. Nulla felis tellus, bibendum a, <strong>nonummy in</strong>, varius eget, libero. Cras sodales diam ut diam. Etiam ac ante. <code>Suspendisse &lt;kill&gt; condimentum</code>, mauris egestas convallis fermentum, neque tortor eleifend lectus, sit amet cursus purus nibh vel <em>ligula</em>. Nulla facilisi. Praesent consequat ipsum et dolor ultricies pretium. Quisque pede lorem, euismod ut, gravida et, rutrum quis, lorem. Donec lobortis molestie nunc. Morbi luctus. Sed id eros ac lorem congue pharetra.</p>

<blockquote>
	<p>Praesent luctus quam vitae velit feugiat ornare. <a href="http://www.google.com">Etiam gravida hendrerit tortor</a>. Quisque tempus. <u>Donec</u> aliquet dolor sed libero. Sed ac tellus. Nam id arcu non mi gravida condimentum. Sed sit amet risus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla ut enim. Mauris molestie convallis libero. Aliquam nonummy, mi ac vulputate vestibulum, enim enim nonummy urna, in posuere purus diam a lorem. Nunc lectus turpis, vehicula sed, ornare rutrum, lobortis vel, tellus. Aenean eu ligula ut ligula interdum posuere. Aliquam imperdiet.</p>
</blockquote>

<h4>Donec Sodales</h4>

<p>Donec sodales ipsum non augue. In non orci. Aliquam <acronym title="World Wide Web Consortium">W3C</acronym> tortor magna, adipiscing sit amet, varius tristique, mollis id, mauris. Nulla egestas, orci in elementum luctus, nibh erat vehicula orci, <strong>et semper</strong> risus diam eu sem. Mauris malesuada. Phasellus neque purus, porttitor in, sodales quis, posuere vitae, ipsum. Nunc eget est. In justo urna, tempor et, mattis at, faucibus eu, erat. Nulla accumsan elit ut pede. Sed vel felis ac erat congue pulvinar. Sed cursus.</p>

<ol>
	<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
	<li><strong>Vestibulum</strong> semper enim sit amet quam.</li>
	<li>Proin porttitor auctor tellus.</li>
	<li>Etiam non erat eget orci malesuada viverra.</li>
	<li>Phasellus dapibus rhoncus lectus.</li>
	<li>Vivamus eget <a href="#test">mauris</a> id lectus pretium cursus.</li>
	<li>Quisque tempor ante at neque.</li>
</ol>

<p>Nullam rhoncus congue sem. Duis ultricies, erat at lacinia hendrerit, mi quam tempor libero, aliquet bibendum leo eros sed elit. Etiam mi tortor, iaculis eget, iaculis eget, tempus sollicitudin, sem. Donec a risus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per <em>inceptos hymenaeos</em>. Suspendisse elementum <strong>quam non</strong> quam. Maecenas ipsum diam, <a href="http://www.w3c.org">adipiscing a, pulvinar non</a>, nonummy at, nibh. Donec mi ante, dapibus accumsan, placerat vitae, fringilla id, massa. Praesent et dui a pede convallis mollis. Donec orci leo, viverra nec, condimentum eget, volutpat tincidunt, lorem. Nulla facilisi. In tortor. Quisque mollis purus sed lorem. Etiam vel nulla nec velit commodo lobortis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nullam nec sapien. Lorem ipsum dolor sit amet <abbr title="Dont Repeat Yourself">DRY</abbr>, consectetuer adipiscing elit. Morbi justo justo, gravida ut, dignissim quis, ultrices a, purus. Donec quis odio eu pede accumsan posuere. Proin et metus.</p>

<p class="align-center"><a href="#test"><img src="http://farm1.static.flickr.com/41/92463787_03ca3f30c4.jpg?v=0" alt="Some landscape" height="200" width="240" /></a></p>

<p>Suspendisse sed lorem. Sed eu justo. Nulla cursus condimentum velit. <em>Pellentesque commodo</em> rhoncus nunc. Mauris quis risus non odio convallis <strong>viverra</strong>. Donec vitae risus vel <a href="http://www.intel.com">ipsum</a> cursus volutpat. Nulla at nisl eget sapien ultrices adipiscing. Morbi tincidunt elit nec urna. Sed nonummy eros non leo egestas elementum. In placerat metus non massa. Maecenas lacinia felis id E = MC<sup>2</sup>. Sed dapibus egestas augue. Nulla nonummy feugiat metus.</p>

<h3>Etiam Rhoncus Neque</h3>

<p>Etiam rhoncus neque in enim. <a href="http://www.google.com">Sed imperdiet</a>, ante vitae convallis consequat, odio mi varius ante, id convallis libero leo ac enim. Nam posuere felis sed sapien. Sed et <abbr title="Ruby On Rails">RoR</abbr> augue a diam porttitor adipiscing. Cras cursus, sem non fringilla viverra, sapien justo interdum dui, mollis congue justo est at urna. Etiam bibendum. Integer odio. Curabitur tristique egestas erat. Curabitur nisl eros, porttitor et, tincidunt ac, varius vitae, lorem. Quisque egestas. Etiam mi felis, nonummy eget, <strong>pretium et</strong>, consequat id, mauris. Ut condimentum lacinia quam. Pellentesque <abbr title="Model View Controller">MVC</abbr> risus odio, sollicitudin a, aliquet nec, congue et, sapien. <code>Nulla blandit cursus</code> enim. Etiam accumsan. Quisque eros arcu, dapibus in, sollicitudin a, mattis nonummy, lorem. Phasellus nec enim eu ipsum lacinia ullamcorper. Cras feugiat. Nullam eget arcu sed risus ultricies posuere. Donec vitae eros non velit accumsan rutrum.</p>

<pre>
class Person

  def hello(name)
    "Hello, #{name}"
  end

  once :hello;

end

someone = Person.new
someone.hello "Bernardo"  #=> "Hello, Bernardo"
someone.hello "World"     #=> "Hello, Bernardo"
</pre>

<p>Lorem <strong>ipsum dolor</strong> sit amet, consectetuer adipiscing elit. Nam sollicitudin leo quis pede. Aliquam tortor. Phasellus sem leo, tempor nec, adipiscing sollicitudin, hendrerit ut, diam. Vivamus nec urna. Cras placerat neque ut metus. Aliquam diam nibh, ultricies sed, consequat in, porta sollicitudin, lectus. Curabitur felis eros, posuere vitae, tristique nec, sollicitudin vitae, elit. Etiam bibendum enim id mauris. Morbi commodo scelerisque diam. Nulla sem risus, lobortis quis, feugiat dictum, tristique aliquam, est. Sed sodales, leo non suscipit pellentesque, ante lectus consequat ligula, sit amet laoreet neque nisl id ipsum. Nulla at nisl eget sapien ultrices adipiscing. Morbi tincidunt elit nec urna.</p>

</div>
	
<div id="sidebar">

<ul>
	<li><em>Lorem ipsum</em> dolor sit amet, consectetuer adipiscing elit.</li>
	<li>Nulla vestibulum convallis mauris.</li>
	<li>Aenean <a href="http://www.microsoft.com">mollis</a> augue et nulla.</li>
	<li>Fusce nonummy volutpat enim.</li>
</ul>

</div>

<div class="clear">&nbsp;</div>

</div>

<div id="footer">
</div>

</div>

</body>
</html>